<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>开心网</title>
		<link rel="stylesheet" href="css/1.css" />
	</head>

	<body>
		<div class="box">
			<div class="top clearfix">
				<div class="fl">
					<img src="img/gameLogo.png" />
				</div>
				<div class="left fl">
					<a href="#">首页</a>
				</div>
				<div class="right fr">
					<li>
						<a href="#"> 注册 |</a>
					</li>
					<li>
						<a href="#"> 登录 |</a>
					</li>
					<li>
						<a href="#"> 帮助 |</a>
					</li>
					<li>
						<a href="#"> 更多 </a>
					</li>
				</div>
			</div>
			<div class="box1 clearfix">
				<div class="lefti1 fl">
					<p class="p1"><img src="img/sub-2.gif" />
						<a>征战四方</a>
					</p>
					<p class="p1"><img src="img/sub-3.gif" />
						<a>龙将</a>
					</p>
					<p class="p1"><img src="img/sub-4.gif" />
						<a>弹弹堂</a>
					</p>
					<p class="p1"><img src="img/sub-5.gif" />
						<a>凡人修真2</a>
					</p>
					<p class="p1"><img src="img/sub-6.gif" />
						<a>一骑当先</a>
					</p>
					<p class="p1"><img src="img/sub-7.gif" />
						<a>宫廷计</a>
					</p>
					<p class="p1"><img src="img/sub-8.gif" />
						<a>神仙道</a>
					</p>
				</div>
				<div class="banner fl "><img src="img/xdtgg_frxz2_44.jpg"</div>
					<div class="boxright fr">
						<div class="denlu">
							<a>开心用户登录</a>
						</div>
						<div class="inputtexe">
							<a>账号：</a><input placeholder=" 字母.数字的六位字符"></div>
						<div class="inputtexe">
							<a>密码：</a><input type="password" placeholder=" 四位数字"></div>
						<div><img src="img/btnLogin.jpg" /></div>
						<div class="zhuce">
							<a href="#">立即注册</a> &nbsp;
							<a href="#">&nbsp;&nbsp;忘记密码</a>
						</div>
					</div>
				</div>
				<div class="cnt clearfix">
					<div class="cntleft fl clearfix">
						<div class="cntlefttop">
							<li class="cntlefttop1">
								<a href="#">全部游戏</a>
							</li>
							<li class="cntlefttop2">
								<a href="#"> 战争策略 &nbsp;&nbsp;&nbsp;&nbsp;|</a>
							</li>
							<li class="cntlefttop2">
								<a href="#"> 体育经营 &nbsp;&nbsp;&nbsp;&nbsp;|</a>
							</li>
							<li class="cntlefttop2">
								<a href="#"> 社交游戏</a>
							</li>
						</div>
						<div class="center clearfix" style="700px">
							<div class="cntleft1 fl">
								<img src="img/img-4.jpg" class="imgdx fl" / >
								<div class="text1 fr">
									<p>三国题材横版RPG网游，丰富的武将系统</p>
									<p>类型：角色扮演</p>
									<p>游戏人气：<span>470921</span></p>
									<div class="table fl">
										<a>选服</a>
									</div>
									<div class="table1 fl">
										<a>进入游戏</a>
									</div>
								</div>
							</div>
							<div class="cntleft1 fl">
								<img src="img/img-4.jpg"class="imgdx fl" />
								<div class="text1 fr">
									<p>三国题材横版RPG网游，丰富的武将系统</p>
									<p>类型：角色扮演</p>
									<p>游戏人气：<span>470921</span></p>
									<div class="table fl">
										<a>选服</a>
									</div>
									<div class="table1 fl">
										<a>进入游戏</a>
									</div>
								</div>
							</div>

						</div>
					</div>
					<div class="cntright fr">
						<div class="cntright1">
							<a class="cntright0">新闻广告</a>
						</div>
						<ul>
							<li class="b1">
								<a>[征战四方] 开心首服·黄巾之乱</a>
							</li >
							<li class="b1">
								<a>[龙将] 火爆8服·八门金</a>
							</li>
							<li class="b1">
								<a>[弹弹堂] 41服开启·万人竞技</a>
							</li>
							<li class="b1">
								<a>[凡人修真2] 03月08日·四海帝</a>
							</li>
							<li class="b1">
								<a>[一骑当先] 开心2服上线送黄金</a>
							</li>
							<li class="b1">
								<a>[宫廷计] 03月06日·西施秘史</a>
							</li>
							<li class="b1">
								<a>[凡人修真2] 03月08日·四海帝</a>
							</li>
						</ul>
					</div>
				</div>
				<div class="bot">
					<div class="botleft fl clearfix">
						<div class="bg">
							<p>角色扮演</p>
						</div>
						<li>
							<div class="bg1 fl"><img src="img/img-6.jpg" >
								<p class="xp">游戏人气：17362</p>
								<p class="xp">游戏状态：<span>22期开始</span></p>
								<div class="table2 fl">
									<a>选服</a>
								</div>
								<div class="table3 fl">
									<a>进入游戏</a>
								</div>
							</div>
						</li>

						<li>
							<div class="bg1 fl"><img src="img/img-5.jpg" style="width:130px" height="84px">
								<p class="xp">游戏人气：16862</p>
								<p class="xp">游戏状态：<span>23期开始</span></p>
								<div class="table2 fl">
									<a>选服</a>
								</div>
								<div class="table3 fl">
									<a>进入游戏</a>
								</div>
							</div>
						</li>
						<li>
							<div class="bg1 fl"><img src="img/img-8.jpg">
								<p class="xp">游戏人气：17362</p>
								<p class="xp">游戏状态：<span>22期开始</span></p>
								<div class="table2 fl">
									<a>选服</a>
								</div>
								<div class="table3 fl">
									<a>进入游戏</a>
								</div>
							</div>
						</li>
						<li>
							<div class="bg1 fl"><img src="img/img-9.jpg">
								<p class="xp">游戏人气：24634</p>
								<p class="xp">游戏状态：<span>25期开始</span></p>
								<div class="table2 fl">
									<a>选服</a>
								</div>
								<div class="table3 fl">
									<a>进入游戏</a>
								</div>
							</div>
						</li>
						<li>
							<div class="bg2 fl"><img src="img/img-10.jpg">
								<p class="xp">游戏人气：17362</p>
								<p class="xp">游戏状态：<span>22期开始</span></p>
								<div class="table2 fl">
									<a>选服</a>
								</div>
								<div class="table3 fl">
									<a>进入游戏</a>
								</div>
							</div>
						</li>
						<li>
							<div class="bg2 fl"><img src="img/img-11.jpg">
								<p class="xp">游戏人气：13462</p>
								<p class="xp">游戏状态：<span>火爆开启</span></p>
								<div class="table2 fl">
									<a>选服</a>
								</div>
								<div class="table3 fl">
									<a>进入游戏</a>
								</div>
							</div>
						</li>
						<li>
							<div class="bg2 fl"><img src="img/img-12.jpg">
								<p class="xp">游戏人气：12543</p>
								<p class="xp">游戏状态：<span>4服开启</span></p>
								<div class="table2 fl">
									<a>选服</a>
								</div>
								<div class="table3 fl">
									<a>进入游戏</a>
								</div>
							</div>
						</li>
						<li>
							<div class="bg2 fl"><img src="img/img-13.jpg">
								<p class="xp">游戏人气：16432</p>
								<p class="xp">游戏状态：<span>火爆开启</span></p>
								<div class="table2 fl">
									<a>选服</a>
								</div>
								<div class="table3 fl">
									<a>进入游戏</a>
								</div>
						</li>
						</div>
						<!--  下右边开始-->
						<div class="cntyou fr">
							<div><img src="img/ad1.jpg"></div>
							<div class="cntyouimg1"><img src="img/ad2.jpg"></div>
							<div class="cntyou2">
								<div class="to">
									<div class="cntyou3">
										<p>游戏视频</p>
									</div>
									<li>
										<div><img src="img/img-1.jpg">
									
									<div class="cntxtex fr ">
										<p>《航海之王》麻辣</p>
										<p>炫酷反穿越，英雄</p>
										<p>时尚大变身！</p>
									</div>
									</div>
								     </li>
								     	<li>
										<div><img src="img/img-2.jpg">
									
									<div class="cntxtex fr ">
										<p>《弹弹堂》吴克群</p>
										<p>同名激情主题MV</p>
										<p>体验修真乐趣!</p>
									</div>
									</div>
								     </li>
								</div>
							</div>
						</div>
						<!--下右边结束-->
					</div>
				</div>
			<!--	底部开始-->
				<div class="dibu fl clearfix">
					<li><a href="#">关于我们手机版 </a></li>
					<li><a href="#">开放平台 </a></li>
					<li><a href="#">自助广告 </a></li>
					<li><a href="#">招聘 </a></li>
					<li><a href="#">客服 </a></li>
					<li><a href="#">帮助 </a></li>
					<div class="dibur fr"><li>@2017开心网   文网文[2009]157号   京ICP证080482号   京公网安备110000000003号 未成年人家长监护</li></div>
				</div>
				<!--底部结束-->
			
			</div>
			<div class="fudong"><img src="img/dinw1.jpg"</div>
	</body>

</html>